<template>
  <a-layout class="frame" theme="light">
    <!-- <a-layout-header>
    智能配方系统
    </a-layout-header> -->
    <a-layout>
      <a-layout-sider class="sider">
        <RouterView name="sider" :menuList="menuList" ></RouterView>
      </a-layout-sider>
      <a-layout>
        <a-layout-content class="content">
          <RouterView  />
        </a-layout-content>
      </a-layout>
    </a-layout>
  </a-layout>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const menuList: any = ref([])
const manageRouters = router.getRoutes().filter((c) => c.name === 'manage')
  menuList.value = manageRouters[0].children
</script>
<style scoped>
.sider {
  color: white;
}
.frame {
  width: 100vw;
  height: 100vh;
}
.content {
  padding: 32px;
  overflow-y: scroll;
}
</style>
